/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#a71f24;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


.wh{max-width: 1830px;padding: 0 15px;margin: 0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

.top2{height: 121px;position: fixed;top:0;width: 100%;z-index: 99; padding-top: 40px;   transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;}
#header{width:1000px;margin:0 auto;}
.logo{}
.top2.active,.top22{background:#fff;height:80px;padding-top: 0;}
.top2.active .logo,.top22 .logo{line-height:80px;}
.top2.active .dao{padding-top: 20px;}
.dao .xymob-navbtn span,.dao  .xymob-navbtn:after,.dao  .xymob-navbtn:before{
background-color: #333333;width: 34px;
height: 3px;margin: 9px 0;
}
.dao .xymob-navbtn{width: 34px;height: 27px;position: relative;margin-left: 0;}
.dao .xymob-navbtn:after,.dao .xymob-navbtn:before{
	 content: '';
    -webkit-transform-origin: 0.5%;
    transform-origin: 0.5%;
}
.dd h3{color: #333333;font-size: 20px;margin-left: 19px;margin-top: 10px;}





/*热门搜索*/
.sou{margin: 15px 0;}
#formsearch{float:right;}
.hotSearch{float:left;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#a71f24;color:#fff;border:none;cursor:pointer;font-size: 12px;}



/*导航栏样式*/
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 133px; }

.nav li a{display:block;line-height:62px;color:#fff;height:62px;padding: 0;font-size: 16px;padding: 0;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#e15616;}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #e15616;
}

.nav .sec{height:0;background:#a71f24;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:62px;left:0px;width: 100%;}
.nav .sec a{background:#a71f24;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.nav .sec a:hover{background:#e15616;text-decoration:none;}



:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.hang{
	background: #FFF;
	position: fixed;
    z-index: 9998;
    top: 0;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: transform .4s ease;
    margin-right: 20px;
    padding: 50px 0 50px 50px;
    transform: translate3d(-570px, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.hbox{
	overflow-x: hidden;
    overflow-y: scroll;
    overflow-y: auto;box-shadow: 0 0 0 rgb(0 0 0 / 0%);
    box-sizing: content-box;
    scrollbar-color: #a71f24 #f5f5f5;max-height: 100vh;
    padding-bottom: 41px
}
.nav2{
	background: #FFF;
    margin-right: 20px;
    width: 500px;
}
.nav2 li{transition: background .3s ease;font-size: 20px; position: relative;   text-align: left;font-weight: 700;}
.nav2 li a{display: block;padding: 14px 17px;padding-right: 44px;color: #000;border-bottom: 1px solid #ccc;}
.first-nav-btn2{
	width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 59px;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease;
    padding: 14px 17px;
}
.first-nav-btn2 span{
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.li1{position: relative;}

.nav2 .nav-close{padding: 14px 17px;margin-bottom: 50px;cursor: pointer;}

.first-sort{display: none;}
.first-nav-btn2  span::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform-origin: center;
     border-color: #a71f24;
}
.first-nav-btn2 span::before,.first-nav-btn2 span::before {
    margin-top: -2px;
    transform: translate(-50%,-50%) rotate(
-135deg);
}
.first-nav-btn2 span::before, .first-nav-btn2 span::before {
    margin-top: -2px;
    transform: translate(-50%, -50%) rotate(
-135deg);
}
.nav2 li a:hover{color: #a71f24;}

.first-a{position: relative;z-index: 99;font-size: 14px;text-indent: 37px;}
.sub-a{position: relative;z-index: 99;font-size: 14px;text-indent: 67px;}
.tnav{
    visibility: hidden;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.cur .hang{transform: translate3d(0,0,0);position: relative;}
.cur .tnav{visibility: visible;left: 0;}
.main-content{transition: transform 400ms ease;transform: translate3d(0, 0px, 0px);}
.cur .main-content{transition: transform 400ms ease;transform: translate3d(580px, 0px, 0px);}
.dd{cursor: pointer;}



.sub-sort{display: none;}
.three-sort{display: none;}



::-webkit-scrollbar-track {
	border: 1px solid #1d3a8f;
	background-color: #fff
}

::-webkit-scrollbar {
	width: 10px;
	background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
	background-color: #a71f24
}

.topLink{float: left;}

/**/
.content-wrapper-md {
    max-width: 720px;
    margin: 0 auto;
    padding: 5%  0 1%;
    text-align: center;
    font-size: 20px;
    /*font-style: italic;*/
    line-height: 1.5em;
    color: #333333;
}
.content-wrapper-md p {
    margin-bottom: 5px;
}
.content-wrapper-md h5 {
    margin: 10px auto;
    color: #a71f24;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    /*font-style: italic;*/
}
.content-wrapper-md  span{font-size: 14px;}

.section{
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;position: relative;
}
.expanding-box-wrapper {
    z-index: 2;
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    cursor: pointer;overflow: hidden;
}
.expanding-box {
    z-index: 3;
    padding: 50px 80px;
    height: 100%;
   overflow: hidden;
    position: relative;
}
.expanding-box-wrapper:first-child .expanding-box{ width: 99.8%;}
.wtb-border-left>* {
    padding-left: 25px;

}

h6{margin:0;}

@media only screen and (max-width: 1440px){
    .expanding-box {
    min-height: 500px;
}
}

.expanding-box {
    z-index: 3;
    padding: 50px 80px;
    height: 100%
}
.expanding-box div{position: relative;}
.expanding-box  .text {padding-bottom: 20px;}

.expanding-box:hover {
    background: rgba(29,58,143,.5)
}

#expanding-background #sep1,#expanding-background #sep2 {
    width:2px;
    background: #FFF;
    height: 100%;
    position: absolute;
    left: 33.2333333%;
    z-index: 3
}

#expanding-background #sep2 {
    left: 66.6666666%
}

#expanding-background:hover .background-image {
    display: block;
    opacity: 0
}



.expanding-box-wrapper .text {
    opacity: 0;
    visibility: hidden;color: #1a1a1a;font-size: 16px;
    line-height: 28px;
}
.wtb-border-left::before,.row-title-text_title::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 0;
    background: #a71f24;
    transition: all 1000ms ease;
    -moz-transition: all 1000ms ease
}

.wtb-border-left>* {
    padding-left: 25px
}

.wtb-border-left.animated::before,.row-title-text_title.animated::before {
    height: 100%
}
.expanding-box-wrapper .text p,.expanding-box-wrapper .text {
    transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out
}

.expanding-box-wrapper.active .text p {
    padding-top: 40px
}

.expanding-box-wrapper:hover .text {
    opacity: 1;
    visibility: visible;
}
a {
    outline: 0 !important;
    -webkit-transition: back .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
}
.headline {position: relative;}
.headline h3{font-size: 30px;color: #1a1a1a;}
.headline h6{font-size: 18px;color: #1a1a1a;font-weight: bold;line-height: 1;margin-top: 6px;}
.expanding-box-wrapper .more {
    font-size: 40px;
    color: #a71f24;
    font-weight: bold;
    margin-top: 20px;
    display: block;
}
.background-image {
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    /*background-attachment: fixed;*/
    background-size: cover;
    transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 500ms ease-in-out
}

.expanding-box-wrapper:before {
    content: '';
    float: left;
    padding-top: 100%
}

.expanding-box-wrapper.active h6,.expanding-box-wrapper.active h3 {
    /*color: #FFF*/
}


.full-background,.full-background-image,.full-background-image-change {
    position: absolute;
    background-position: left center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.full-background-image.active, .full-background-image-change.active {
    z-index: 2;
}
.full-background-image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 500ms ease-in-out
}

.full-background-image-change {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out
}

@media(max-width: 1200px){
    .expanding-box-wrapper {
        flex-basis: initial;
        -webkit-box-flex: initial;
        -ms-flex-positive: 1;
        flex-grow: initial;
        max-width: 100%;
        width: 100%;
        margin-bottom: 50px
    }

    #expanding-background:hover .background-image {
        opacity: 1
    }

    .expanding-box-wrapper .text,.expanding-box-wrapper:hover .text {
        padding-top: 0;
        line-height: 1.9em;
        visibility: visible;
        opacity: 1
    }

    .expanding-box-wrapper .text p {
        padding-top: 50px
    }

    .expanding-box-wrapper::before {
        padding-top: 0
    }

    .full-background-image,.full-background,#sep1,#sep2 {
        display: none !important
    }
    .content-wrapper-md{padding: 50px 0;}
}


@media(max-width: 1024px){
    .row-title-text_title,.wtb-border-left {
        margin-bottom: 20px
    }

    #main-header.content-header.wtb-border-left {
        margin-bottom: 80px
    }

    .content-header.wtb-border-left,.wtb-border-left::before,.row-title-text_title::before {
        margin-left: 0
    }

}
@media(max-width: 991px){
    .headline h3{font-size: 24px;}
    .headline h6{font-size: 20px;}
    .expanding-box-wrapper .text p{padding-top: 40px;}
}


@media only screen and (max-width: 767px){
    .expanding-box {
    padding: 10px 20px;
}
}


/**/
.box2{padding-top:5%;}
.bt1{color: #333333;font-size: 30px;font-weight: bold;line-height: 1;text-align: center;}
.pul{margin-top: 50px;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.pul li{width: 24.8%;margin-bottom: 9px;}
.pul li .img img{display: block;width: 100%;}
.bj3{padding: 19px 23px;
    
    display: none;
}
.pul li h3 a{
    font-size: 18px;
}

.ntime dd{color: #1a1a1a;font-size: 26px;font-weight: bold;line-height: 1;}
.ntime dt{color: #1a1a1a;font-size: 16px;line-height: 1;font-weight: lighter;margin: 12px 0 16px;}
.bj3 h3 a{display: block;color: #1a1a1a;font-size: 18px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.bj3 p{color: #1a1a1a;font-size: 14px;line-height: 28px;margin-top: 9px;font-weight: lighter; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.jia a {
    font-size: 40px;
    color: #a71f24;
    font-weight: bold;
    line-height: 20px;
    text-align: right;
    display: block;
}
.pmore a{margin: 0 auto;font-weight: lighter; position: relative;z-index: 999; font-size: 18px;color: #555555;display: block;text-transform: uppercase;width:140px;height: 46px;line-height: 44px;border-top:1px solid #a71f24;border-bottom:1px solid #a71f24;text-align: center;margin-top: 32px;}

.pmore a:hover{
    color: #fff;
}
.pmore a:after{
    position: absolute;
    left: 0;top: 0;
    content: "";
    width: 0;
    height: 46px;
    background: #a71f24;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
    z-index: -1;
}

.pmore a:hover:after {
  width:100%;
}




/**/
.box3{margin: 5% 0 2%;background-color: #fafafa;padding: 5% 0;}
.container2{max-width: 1830px;padding: 0 15px;margin: 0 auto;}
.imp-wrap {
    position: relative;
    width: auto;
    height: auto;
    -webkit-tap-highlight-color: transparent
}

.hs-loader-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.imp-zoom-wrap>img {
    position: relative!important;
    z-index: 0!important;
    width: 100%!important;
    height: 100%!important;
    margin: 0!important;
    max-width: none!important;
    max-height: none!important;
    display: block!important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.imp-zoom-outer-wrap {
    overflow: hidden
}

#imp-fullscreen-wrap .imp-zoom-outer-wrap {
    overflow: visible
}

#imp-fullscreen-wrap .imp-wrap {
    position: inherit
}

.imp-zoom-wrap {
    transform: scale(1,1) translate(0,0);
    transform-origin: 0 0
}

.imp-shape-container {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2
}

.imp-shape {
    cursor: pointer;
    pointer-events: all;
    transition: all .25s cubic-bezier(.55,0,.1,1);
    -moz-transition: all .25s cubic-bezier(.55,0,.1,1);
    -webkit-transition: all .25s cubic-bezier(.55,0,.1,1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.imp-shape-oval,.imp-shape-rect,.imp-shape-spot,.imp-shape-text {
    position: absolute
}

.imp-shape-text {
    cursor: default
}

.imp-shape-spot {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s cubic-bezier(.075,.82,.165,1);
    -moz-transition: all .4s cubic-bezier(.075,.82,.165,1);
    -webkit-transition: all .4s cubic-bezier(.075,.82,.165,1)
}

.imp-shape-spot-pin {
    transform-origin: 50% 100%
}

.imp-spot-fontawesome-icon .fa {
    transition: all .4s cubic-bezier(.075,.82,.165,1);
    -moz-transition: all .4s cubic-bezier(.075,.82,.165,1);
    -webkit-transition: all .4s cubic-bezier(.075,.82,.165,1)
}

.imp-shape-icon-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    transform: scale(1,.25);
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,.53) 0,rgba(0,0,0,.3) 10%,rgba(0,0,0,.13) 28%,rgba(0,0,0,.04) 44%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%);
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,.53) 0,rgba(0,0,0,.3) 10%,rgba(0,0,0,.13) 28%,rgba(0,0,0,.04) 44%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,.53) 0,rgba(0,0,0,.3) 10%,rgba(0,0,0,.13) 28%,rgba(0,0,0,.04) 44%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%)
}

.imp-shape img {
    width: 100%
}

.imp-tooltip {
    display: none;
    position: absolute;
    z-index: 1;
    transition-property: none;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-timing-function: cubic-bezier(.55,0,.1,1);
    -moz-transition-timing-function: cubic-bezier(.55,0,.1,1);
    -webkit-transition-timing-function: cubic-bezier(.55,0,.1,1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.imp-tooltip.imp-tooltip-visible {
    opacity: 1!important;
    z-index: 4;
    transform: scale(1,1)!important;
    -moz-transform: scale(1,1)!important;
    -webkit-transform: scale(1,1)!important
}


.imp-tooltip {
    border-left: 3px solid #a71f24;
    background: none !important;
    color: #1a1a1a !important;
    border-radius: 0 !important;
    padding: 0 !important
}

.imp-wrap .hs-arrow-bottom {
    display: none !important
}

.imp-tooltip .imp-tooltip-plain-text {
    background-color: rgba(242,242,242,.8) !important;
    color: #1a1a1a !important;
    padding:18px 23px;
    line-height:30px;
    font-size: 16px;
}

.imp-tooltip .imp-tooltip-plain-text h3 {
    font-size: 22px;
}


/**/
.fuwu{margin-top: 20px;}
.fuwu .pmore a{width: 188px;}
.fuwu .wh{max-width: 1430px}
.fu h3{color: #1a1a1a;font-size: 30px;padding-left: 24px;border-left: 4px solid #a71f24;height: 60px;padding-top: 6px;}
.swz{color: #1a1a1a;font-size: 18px;line-height: 28px;font-weight: lighter;width: calc(100% - 351px);}



/**/
.box4{background: #fafafa;padding: 5% 0;margin: 5% 0;}
.gleft{color: #1a1a1a;font-size: 30px;font-weight: bold;text-transform: uppercase;}
.gul{width: calc(100% - 425px);}
.gul li{margin-bottom: 43px;width: 30%;padding-left: 14px;background: url(//cdn.myxypt.com/b4ae2584/21/10/b7a84d8f12d92553962e83e97f8152a2c4095231.png) no-repeat left top;
    background-size: 3px 100%;
}
.shu{color: #a71f24;font-size: 30px;font-family: 'Impact';line-height: 1;}
.gul li p{color: #333333;font-size: 14px;line-height: 28px;margin-top: 6px;  text-align: justify;   }
.box4 .pmore a{width: 274px;}


/**/
.foot{background-color: #ced2d4;padding: 5% 0 20px;}
.ft2{border-top:1px solid #ffffff;color: #333333;font-size: 14px;line-height: 24px;padding-top: 15px;}
.ft2 a{color: #333333;}
.dao2{width: 455px;margin-right: 25px;}
.dao2 a{display: block;color: #333333;font-size: 16px;border-bottom: 1px solid #fff;line-height: 60px;}
.ly h3{color: #333333;font-size: 48px;margin-top: 14px;}
.ft1 .pmore a{width: 75px;margin: 25px 0 0 0;
    
    font-weight: bold;
}
.tlx{text-align: right;color: #333333;font-size: 16px;font-weight: lighter;line-height: 38px;margin-top: 10px;}
.tlx h3{font-size: 18px;}
.ft1{padding-bottom: 4%;}
.map{margin-left: 73px;}
.map img{max-width: 100%;}


@media(max-width: 1700px){
.dao2{width: 300px;}
.ly h3{font-size: 40px;}
}

@media(max-width: 1430px){
.di1,.di2{float: none;width: 100%;}
.di1{margin-bottom: 25px;}
.ly{float: right;}
.map{margin-left: 0;}
.tlx{text-align: left;}
.ft1 .pmore a{float: right;}
}




.imp-fullscreen-tooltips-container{display: none!important;}



/*内页左侧样式*/

@media(max-width: 1200px){
  .ntime dt{margin: 6px 0 10px;}
  .box2{padding-top: 0;}
  .swz{width: calc(100% - 300px)}
  .gul{width: calc(100% - 325px);}

}

@media (max-width:768px){
 .db{display:block!important;}
 .content-wrapper-md{padding: 40px 0 20px;}
 .bj3 p,.ntime dt,.swz{font-weight: normal;}
 .pul li{width: 48%;}
 .fu h3{font-size: 24px;height: 40px;padding-top: 0;}
 .gleft{width: 100%;float: none;font-size: 24px;text-align: center;}
 .gul{width: 100%;float: none;margin-top: 20px;}
 .gul li{margin-bottom: 20px;}
 .gul li p{line-height: 24px;}
 .bq,.ji{float: none;text-align: center;font-weight: normal;width: 100%;}
 .tlx,.map,.dao2 ,.ly{float: none;width: 100%;}
 .ft1 .pmore a{float: none;}
 .ft2{padding-bottom: 20px;}

}



@media(max-width: 640px){
    .top2.active, .top22{height: 60px;line-height: 60px;}
    .top2.active .logo, .top22 .logo{line-height: 60px;}
    .top2.active .dao{padding-top: 10px;}
    .logo img{height: 26px;}
    .top2{padding-top: 10px;}
    .dd h3{margin-left: 10px;font-size: 14px;margin-top: 12px;}
    .dao .xymob-navbtn{width: 30px;height: 24px;margin-top: 5px;}
    .nav2{width: 100%;}
    .tnav{width: 100%;}
    .hang{margin-right: 0;padding: 0;}
    .dao .xymob-navbtn span, .dao .xymob-navbtn:after, .dao .xymob-navbtn:before{margin: 5px 0;}
    .content-wrapper-md{padding: 30px 0 0px;}
    .expanding-box-wrapper{margin-bottom: 30px;}
    .imp-shape img{width: 30px!important;height: 30px!important;
        opacity:0.5;
    }
    .swz,.fu h3{float: none;width: 100%;}
    .swz{margin-top: 10px;font-size: 14px;line-height: 24px;}
    .gul li{width: 100%;}
    .ft2{font-size: 12px;}
    .tlx{font-size: 14px;line-height: 24px;font-weight: normal;}
    .tlx h3{margin-bottom: 10px;}
    .ly h3{font-size: 30px;}
    .bj3{padding: 10px;}
    .ntime dd{font-size: 20px;}
    .bj3 h3 a{font-size: 16px;}
    .logo{line-height: 40px;}
    .x-banner .owl-carousel .owl-dots{
        bottom:10px;
    }
}







.dbb{height:50px;}
.footer {
    width: 100%;
    margin-top: 6px;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
}

.footer1 {
    max-width: 100%;
    margin: 0 auto;
    background: #1555c2;
    display: -webkit-box;
}

.footer a {
    -webkit-box-flex: 1;
    display: -webkit-box;
    color: #fff;
}

.footer span {
    width: 74px;
    display: block;
    margin: 0 auto;
    text-align: right;
    font: 100 13px/70px "微软雅黑";
    color: #fff;
    height: 70px;
}

.footer span.span1 {
    background: url(//cdn.myxypt.com/b4ae2584/21/10/b0262398c88e97f5f54e034e30fc40cb903c1816.png) center 14px no-repeat;
    background-size: 24px 23px;
    line-height: 100px;
    text-align: center;
}

.footer span.span2 {
    background: url(//cdn.myxypt.com/b4ae2584/21/10/e89816f34b0b76e859dcb9d185a8ffd73b06330f.png)center 12px no-repeat;
    background-size: 29px 26px;
    line-height: 100px;
    text-align: center;
}

.footer span.span3 {
    background: url(//cdn.myxypt.com/b4ae2584/21/10/ae24b7b8112fb3a2f999d2c513646c47e7cb120c.png) center 15px no-repeat;
    background-size: 23px 23px;
    line-height: 100px;
    text-align: center;
}

.page-product-inquiry a{color: #fff;}